* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  font-size: 14px;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: local(""),
    url("assets/fonts/nunito-v16-latin-regular.woff2") format("woff2");
}

#root {
  height: 100vh;
}

/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 10px; /* 设置滚动条的宽度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: transparent; /* 设置轨道背景为透明 */
  border-radius: 5px; /* 设置轨道圆角 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: #f4a9a9; /* 设置滑块的颜色 */
  border-radius: 5px; /* 设置滑块的圆角 */
  border: 2px solid transparent; /* 为了增加滑块的圆角效果 */
  background-clip: content-box; /* 确保边框不会影响滑块的颜色 */
}

/* 滚动条滑块在悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #f56c6c; /* 悬停时改变滑块的颜色 */
}

/* 移除上下滚动按钮（小三角） */
::-webkit-scrollbar-button {
  display: none; /* 隐藏滚动条按钮 */
}
